<template>
	<view>
		<view class="top1">
			<view @click="fh" class="right_arrow"></view>
			<text  class="top2">电话帮助</text>
		</view>
		<div class="g1">
			<div class="img">
				<image class="tx1" src="/static/dh.png"></image>
				<image class="dh1" src="/static/kuang.png"></image>
			    <text class="t1">一个电话，帮您解决日常难题！ 
  用户可免费获得三次电话帮助，超过三次可去积分商城兑换电话券。</text>
			</div>
		</div>
		<div class="g2">
			<div class="img">
				<image class="tx2" src="/static/dh.png"></image>
				<image class="dh2" src="/static/kuang.png"></image>
				<text class="t2">请在对话框留下您的电话/疑问，我们稍后会给您打电话帮您解决问题</text>
			</div>
		</div>
		<div class="g3">
			<image class="k2" src="/static/k2.png"></image>
			<image class="k3" src="/static/k3.png"></image>
			<text class="fs">发送</text>
		</div>
		<view style="background-color: #F95738;width: 100%;
		  height: 120rpx;
		  position:fixed;
		  bottom: 0;
		  display:flex;
		  flex-direction:row;
		  justify-content:flex-start;">
		   <view @click="gotohome" id="button1">
		   <image src="/static/home.png" style="width: 60rpx;height: 60rpx;margin-left: 50rpx;margin-top: 10rpx;"></image>
		   <view style="margin-left: 47rpx;font-weight: 900;">首页</view>
		   </view>
		   <view @click="gotozf" id="button2">
		   <image src="/static/zf.png" style="width: 60rpx;height: 60rpx;margin-left: 230rpx;margin-top: 10rpx;"></image>
		   <view style="margin-left: 190rpx;font-weight: 900;">一键转发</view>
		   </view>
		   <view @click="gotomy" id="button3">
		   <image src="/static/me.png" style="width: 60rpx;height: 60rpx;margin-left: 170rpx;margin-top: 10rpx;"></image>
		   <view style="margin-left:170rpx;font-weight: 900;">我的</view>
		   </view>
		  </view>
	</view>
</template>

<script>
	export default{
		methods:{
			gotohome(){
				uni.navigateTo({
					url:"/pages/index/index"
				})
			},
			gotozf(){
				uni.navigateTo({
					url:"/pages/zf/zf"
				})
			},
			gotomy(){
				uni.navigateTo({
					url:"/pages/my/my"
				})
			},
			fh(){
				uni.navigateBack({
					url:"/pages/my/my"
				})
			}
			
		}
	}
	
</script>

<style>
	.top1{
		width: 100%;
		height: 130rpx;
		background-color: #F95738;	
		/* position:fixed; */
		display:flex;
		flex-direction:row;
		justify-content:flex-start;
	}
	.right_arrow{
	    border:  solid white;
	    border-width: 5px 0 0 5px;
	    padding: 15rpx;
	    position: absolute;
		top:70rpx;
	    left: 45rpx;
	    transform: rotate(-45deg);
	    -webkit-transform:rotate(-45deg) ;
	}
	.top2{
		font-size: 45rpx;
		font-weight: bold;
		position: absolute;
		margin-top: 55rpx;
		margin-left: 95rpx;
	}
	.img{
		display: flex;
		flex-direction: row;
	}
	.tx1{
		width: 130rpx;
		height: 130rpx;
		margin-top: 75rpx;
		margin-left: 35rpx;
	}
	.tx2{
		width: 130rpx;
		height: 130rpx;
		margin-top: 60rpx;
		margin-left: 35rpx;
	}
	.dh1{
		width: 520rpx;
		height: 350rpx;
		margin-top: 75rpx;
		margin-left: 10rpx;
		position: relative;
	}
	.dh2{
		width: 520rpx;
		height: 240rpx;
		margin-top: 60rpx;
		margin-left: 10rpx;
		position: relative;
	}
	.t1{
		font-size: 45rpx;
		font-weight: bold;
		position: absolute;
		margin-top: 97rpx;
		margin-left: 190rpx;
		width: 500rpx;
		/* 文字段落首行缩进 */
		text-indent: 30rpx;
		/* 只对中文强制换行 */
		white-space: pre-wrap;

	}
	.t2{
		font-size: 45rpx;
		font-weight: bold;
		position: absolute;
		margin-top: 85rpx;
		margin-left: 190rpx;
		width: 500rpx;
		/* 文字段落首行缩进 */
		text-indent: 30rpx;
		/* 只对中文强制换行 */
		white-space: pre-wrap;
	}
	.g3{
		display: flex;
		flex-direction: row;
		position: relative;
	}
	.k2{
		width: 540rpx;
		height: 110rpx;
		margin-top: 245rpx;
		margin-left: 20rpx;
		position: absolute;
	}
	.k3{
		width: 170rpx;
		height: 100rpx;
		margin-left: 570rpx;
		margin-top: 250rpx;
		position: absolute;
	}
	.fs{
		position: absolute;
		font-size: 53rpx;
		font-weight: bold;
		margin-left: 600rpx;
		margin-top: 265rpx;
	}
</style>